<div class="left-nav">
    <ul id="nav">
        <!-- {volist name="menus" id="one" key="k"}-->
        <li>
            <!-- {if isset($one['sub'])}-->
            <a href="javascript:;" data-action="s-{$one.id}" data-menu-node="s-{$one.id}"><i class="fa {$one.icon} font-s12" lay-tips="{$one.title}"></i><cite>{$one.title}</cite><i class="fa fa-angle-right  nav_right"></i></a>
            <ul class="sub-menu">
                <!-- {volist name="$one['sub']" id="two" key="k2"}-->
                <li>
                    <!-- {if isset($two['sub'])}-->
                    <a href="javascript:;" data-open="{$two.url}" data-menu-node="m-{$one.id}-{$two.id}"><i class="fa {$two.icon|default='fa fa-circle-o'}"></i><cite>{$two.title}</cite></a>
                    <ul class="sub-menu">
                        <!--{volist name="$two['sub']" id="th" key="k3"}-->
                        <li> <a href="javascript:;"  data-menu-node="m-{$one.id}-{$two.id}-{$th.id}">><i class="fa {$th.icon|default='fa fa-circle-o'}"></i><cite>{$th.title}</cite></a></li>
                        <!-- {/volist}-->
                    </ul>
                    <!-- {else}-->
                    <a href="javascript:;" data-open="{$two.url}"  data-menu-node="m-{$one.id}-{$two.id}">><i class="fa {$two.icon|default='fa fa-circle-o'} font-s12"></i><cite>{$two.title}</cite></a>
                    <!-- {/if}-->
                </li>
                <!-- {/volist}-->
            </ul>
            <!-- {else}-->
            <a href="javascript:;" data-open="{$one.url}"  data-menu-node="m-{$one.id}"><i class="fa {$one.icon}" lay-tips="{$one.title} font-s12"></i><cite>{$one.title}</cite><i class="fa fa-angle-right nav_right"></i></a>
            <!-- {/if}-->
        </li>
        <!-- {/volist}-->
    </ul>
</div>